// pages/diandetail/diandetail.js
import * as echarts from '../../assets/ec-canvas/echarts';
function initChart(canvas, width, height, dpr) {
  let type=wx.getStorageSync('type')
  const chart = echarts.init(canvas, null, {
    width: width,
    height: height,
    devicePixelRatio: dpr // 适配高分屏
  });
 
  canvas.setChart(chart);
  const option = {
    xAxis: {
      data: ['1', '2', '3', '4', '5', '6']
    },
    grid:{
      top:'13%',
      left:"8%",
      right:'8%',
      bottom:'8%'
    },
    legend:{
      show:true
    },
    yAxis: {},
    series: [
      {
        name: type==1?'耗电量':type==2?'耗冷量':type==3?'耗热量':'',
        smooth: true,
        color: type==1?'#5d80f7':type==2?'#24b2e2':type==3?'#ff9900':'',
        areaStyle: {
          opacity: 0.2
        },
        type: 'line',
        data: [5, 20, 36, 10, 10, 20]
      }
     
    ]
  };
  chart.setOption(option);
  return chart;
}
Page({

  /**
   * 页面的初始数据
   */
  data: {
    type:'',
    ec: {
      onInit: initChart,
     
    },
    currentdate:''
  },
  back(){
    wx.navigateBack()
  },
  getCurrentDate() {
    const date = new Date();
    
    const year = date.getFullYear(); // 获取年份
    const month = (date.getMonth() + 1).toString().padStart(2, '0'); // 获取月份，月份是从0开始的，+1调整为正常月份，并且用padStart补齐0
    const day = date.getDate().toString().padStart(2, '0'); // 获取日期，并补齐0
  
    return `${year}-${month}-${day}`; // 返回格式化后的日期
  },
  selectstarttime(e){
    
    this.setData({
      starttime:e.detail.value
    })
  },
  selectendtime(e){
    this.setData({
      endtime:e.detail.value
    })
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {
  
   this.setData({
     type:options.type,
     currentdate:this.getCurrentDate()
   })
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  }
})